<template>
    <div>
        <van-nav-bar title="预约详情" left-text="" left-arrow @click-left="onClickLeft" />
        <div style="
    height:65px;
    background-color: white;
    display: flex;
    border-top: 1px solid #ebedf0;
    ">
            <svg t="1728888818602" class="ic789780on" viewBox="0 0 1024 1024" version="1.1"
                xmlns="http://www.w3.org/2000/svg" p-id="2419" width="200" height="200">
                <path
                    d="M512 1024C229.229714 1024 0 794.733714 0 511.963429 0 229.193143 229.229714-0.036571 512-0.036571 794.770286-0.036571 1024 229.193143 1024 511.963429 1024 794.733714 794.770286 1024 512 1024ZM512 73.142857C269.641143 73.142857 73.142857 269.641143 73.142857 512 73.142857 754.358857 269.641143 950.857143 512 950.857143 754.358857 950.857143 950.857143 754.358857 950.857143 512 950.857143 269.641143 754.358857 73.142857 512 73.142857ZM676.571429 548.571429 493.714286 548.571429C483.620571 548.571429 475.428571 540.379429 475.428571 530.285714L475.428571 493.714286 475.428571 493.677714 475.428571 201.142857C475.428571 191.049143 483.620571 182.857143 493.714286 182.857143L530.285714 182.857143C540.379429 182.857143 548.571429 191.049143 548.571429 201.142857L548.571429 475.392 676.571429 475.392C686.665143 475.392 694.857143 483.584 694.857143 493.677714L694.857143 530.285714C694.857143 540.379429 686.665143 548.571429 676.571429 548.571429Z"
                    p-id="2420" fill="#1677FF"></path>
            </svg>
            <div style="
             line-height: 65px;
             margin-left: 10px;
             font-size: 18px;
             font-weight: 700;
             color:#1677FF;
            ">待检查</div>
        </div>
        <p style="
        margin-left: 20px;
        color:#7F7F7F;
        font-size: 14px;
        margin-top: -5px;
        margin-bottom: 5px;
        ">您已完成预约。请按照预约时间及时到院签到</p>
        <br>
        <div style="
        background-color: #f2f2f2;
        overflow: hidden;
        ">
            <div style="
        height:168px;
        background-color: white;
        margin-top: 12px;
        width: 94%;
        margin-left: 10px;
        border-radius: 10px;
        ">
                <img style="
                width:300px;
                height:83px;
                margin-left: 25px;
                margin-top: 15px;
                " src="https://cdn7.axureshop.com/demo/2208121/images/%E7%BC%B4%E8%B4%B9%E8%AE%A2%E5%8D%95%E8%AF%A6%E6%83%85/u1321.png"
                    alt="">
                <p style="
                font-size: 14px;
                text-align: center;
                margin-top: 10px;
                font-weight: 700;
                ">20200101001598Z</p>
                <p style="
                 text-align: center;
                 color:#7F7F7F;
                  font-size: 13px;
                  margin-top: 5px;
                ">
                    取药或检查时请出示此码
                </p>

            </div>

            <div style="
                 background-color: white;
                 margin-top: 12px;
                 width: 322px;
                 margin-left: 10px;
                 border-radius: 10px;
                 padding:15px;
                 ">
                <p style="
                font-weight: 700;
                font-style: normal;
                color: #000000;
                font-size: 14px;    
                text-align: left;
                ">患者信息</p>

                   <p style="
                      font-weight: 400;
                      font-style: normal;
                      font-size: 12px;
                      color: #AAAAAA;
                      width: 310px;
                       display: flex;
                      justify-content: space-between;
                      margin-top: 15px;
                      ">
                        <span style="margin-left: 0px;">预约医院</span>
                        <span style="color:#000000;">四川省保健院北苑</span>
                    </p>
                      <p style="
                      font-weight: 400;
                      font-style: normal;
                      font-size: 12px;
                      color: #AAAAAA;
                      width: 310px;
                       display: flex;
                      justify-content: space-between;
                      margin-top: 10px;
                      ">
                        <span style="margin-left: 0px;">就诊患者</span>
                        <span style="color:#000000;">王小柯</span>
                    </p>
                     <p style="
                      font-weight: 400;
                      font-style: normal;
                      font-size: 12px;
                      color: #AAAAAA;
                      width: 310px;
                       display: flex;
                      justify-content: space-between;
                      margin-top: 10px;
                      ">
                        <span style="margin-left: 0px;">登记号</span>
                        <span style="color:#000000;">20200101001598Z</span>
                    </p>
            </div>

             <div style="
                 background-color: white;
                 margin-top: 12px;
                 width: 322px;
                 margin-left: 10px;
                 border-radius: 10px;
                 padding:15px;
                 ">
                <p style="
                font-weight: 700;
                font-style: normal;
                color: #000000;
                font-size: 14px;    
                text-align: left;
                ">预约信息</p>

                   <p style="
                      font-weight: 400;
                      font-style: normal;
                      font-size: 12px;
                      color: #AAAAAA;
                      width: 310px;
                       display: flex;
                      justify-content: space-between;
                      margin-top: 15px;
                      ">
                        <span style="margin-left: 0px;">预约项目</span>
                        <span style="color:#000000;">双肾及肾血管彩色多普勒</span>
                    </p>
                      <p style="
                      font-weight: 400;
                      font-style: normal;
                      font-size: 12px;
                      color: #AAAAAA;
                      width: 310px;
                       display: flex;
                      justify-content: space-between;
                      margin-top: 10px;
                      ">
                        <span style="margin-left: 0px;">检查诊室</span>
                        <span style="color:#000000;">CT诊室一</span>
                    </p>
                     <p style="
                      font-weight: 400;
                      font-style: normal;
                      font-size: 12px;
                      color: #AAAAAA;
                      width: 310px;
                       display: flex;
                      justify-content: space-between;
                      margin-top: 10px;
                      ">
                        <span style="margin-left: 0px;">检查地点</span>
                        <span style="color:#000000;">门诊二楼放射科</span>
                    </p>
                     <p style="
                      font-weight: 400;
                      font-style: normal;
                      font-size: 12px;
                      color: #AAAAAA;
                      width: 310px;
                       display: flex;
                      justify-content: space-between;
                      margin-top: 10px;
                      ">
                        <span style="margin-left: 0px;">预约时间</span>
                        <span style="color:#000000;font-weight: 700;">2020-01-01 08:30-09:30</span>
                    </p>
                    <p style="
                      font-weight: 400;
                      font-style: normal;
                      font-size: 12px;
                      color: #AAAAAA;
                      width: 310px;
                       display: flex;
                      justify-content: space-between;
                      margin-top: 10px;
                      ">
                        <span style="margin-left: 0px;">预约单号</span>
                        <span style="color:#000000;">202001010653</span>
                    </p>
            </div>
        <br>
        <br>
        </div>
    </div>
</template>

<script setup lang="ts">
import { useRouter } from 'vue-router'

const router = useRouter()
const onClickLeft = () => {
    router.go(-1)
}

</script>

<style scoped>
.icowefberwrt34n {
    width: 20px;
    height: 20px;
}

.ic789780on {
    width: 35px;
    height: 35px;
    margin-top: 14px;
    margin-left: 17px;
}
</style>